<%-- 
    Document   : register
    Created on : 25-ago-2013, 19:52:09
    Author     : Carlos
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<style type="text/css">
.errors {
	background-color:#FFCCCC;
	border:1px solid #CC0000;
	width:300px;
	margin-bottom:8px;
	text-align: center;
}
.errors li{ 
	list-style: none; 
}
</style>
<!-- CONTENIDO START -->
<div id="contenido">

	<div class="fila">
		<div class="contenido_borde_izq">
			<div class="contenido_borde_der">
				<div class="columna_derecha">
					<h3>¿OLVIDASTE TU CONTRASEÑA?</h3>

					<p class="large">Tranquilo introduce la dirección de tu e-email
						con la que te registraste en LIWALO y te reenviaremos una
						contraseña nueva. Recuerda que puedes cambiarla en cualquier
						momento en "Mi cuenta".</p>
					<s:if test="hasActionErrors()">
                    	<div class="errors">
                        	<s:actionerror/>
                        </div>
                    </s:if>	
					<s:form action="newPassRemember" cssClass="form-horizontal">
						<div class="form-group align-right">
							<s:label for="inputEmail" cssClass="col-lg-1 control-label" value="Email"/>
							<div class="col-lg-4">
								<s:textfield cssClass="form-control" id="inputEmail" placeholder="Introduce tu dirección de Email" name="email"/>
							</div>
						</div>
						<div class="col-lg-9">
							<s:submit type="button" cssClass="btn  boton_envio">ENVIAR</s:submit>
						</div>
					</s:form>
				</div>
			</div>
		</div>
		<div class="contenido_borde_abajo">
			<div class="esquina_izq"></div>
			<div class="esquina_der"></div>
		</div>
	</div>

	<div class="columna_izquierda">
		<div class="pestania">
			<div class="pestania_top"></div>
			<s:a action="Inicio" title="Volver" cssClass="azul">
				<span class="bigger">VOLVER</span>
			</s:a>
			<div class="pestania_bottom"></div>
		</div>
	</div>
</div>
<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/livevalidation.js"></script>
<script type="text/javascript">
    var inputEmail = new LiveValidation('inputEmail');
    inputEmail.add(Validate.Presence, { failureMessage: "Introduzca el email" });
    inputEmail.add( Validate.Email, { failureMessage: "Email inválido" });
  </script>
<!-- CONTENIDO END -->